@import "../_mixin";

.uc-edit-pwd {
 	.gray{
 		background-color:#999!important;
 	}
	.tips {
		padding: 0.4rem 0;
		text-align: center;

		span {
			color: #999;
			@include font-dpr(14px);
		}

		strong {
			display: block;
			margin-top: 0.213333rem;
			color: #333;
			@include font-dpr(29px);
		}
	}

	ul {
		padding: 0 0.4rem;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background-color: #fff;

		li {
			border-top: 1px solid #ddd;
			padding: 0.346667rem 0;
			span{
				width:2.2rem;
				display:inline-block;
				@include fz(14px);
				color:#333;
			}
			label{
				position:relative;
				display:block;
				width:100%;
				.verify{
					position: absolute;
					top: 0rem;
					right: 0rem;
					border: none;
					color: #fff;
					height: 1.15rem;
					-webkit-transform: translateY(-22%);
				}
			}
			i {
				margin-left: 0.04rem;
				color: #999;
				@include font-dpr(15px);

				color: #999;
				position:absolute;
				right:0rem;

				&.icon-liulanliang { @include font-dpr(55px); }
				&.icon-eyesclose { right:0.35rem;top:0rem;@include font-dpr(28px); }

			}

			input {
				padding-left: 0.293333rem;
				border: none;
				color: #333;
				@include font-dpr(16px);

				&.wfour {
					width: 3.333333rem;
				}
			}

			button {
				position: absolute;
				top: 0.346667rem;
				right: 0;
				padding: 0.186667rem 0.266667rem;
				border: none;
				color: #fff;
				background-color: #f6b505;
				border-radius: 0.16rem;
				-webkit-transform: translateY(-22%);
				@include font-dpr(16px);
			}

			&:first-child {
				border-top: none;
			}

			&:last-child {
				position: relative;
			}
		}
	}

	.code-transition {
	  transition: all .3s ease;
	  height: 2.4rem;
	  background-color: #eee;
	  overflow: hidden;
	}

	.code-enter, .code-leave {
	  height: 0;
	  opacity: 0;
	}

	.postIt {
		margin: 0.8rem 0.4rem;

		button {
			padding: 0.32rem 0;
			width: 100%;
			border: none;
			color: #fff;
			border-radius: 0.213333rem;
			background-color: #fe7140;
			@include font-dpr(19px);
		}
	}
}